import React, { memo } from 'react'
import styles from "../../../styles/Home/Model.module.scss"
import Sanjiao from '../../../image/sanjiao.png'

const Model = () => {
       return (
              <div className={styles.getHousing}>
                     <div className={styles.area}>
                            <span className={styles.yu}>区域</span>
                            <img src={Sanjiao} alt='' className={styles.sanjiao} />
                     </div>
                     <div className={styles.shu}></div>
                     <div className={styles.area}>
                            <span className={styles.yu}>租金</span>
                            <img src={Sanjiao} alt='' className={styles.sanjiao} />
                     </div>
                     <div className={styles.shu}></div>
                     <div className={styles.area}>
                            <span className={styles.yu}>排序</span>
                            <img src={Sanjiao} alt='' className={styles.sanjiao} />
                     </div>
                     <div className={styles.shu}></div>
                     <div className={styles.area}>
                            <span className={styles.yu}>更多</span>
                            <img src={Sanjiao} alt='' className={styles.sanjiao} />
                     </div>
              </div>
       )
}

export default memo(Model)